<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/goods.css">
	<script src="js\jqery-3.5.1.min.js"></script>

</head>
<body>
    <div id="top">
        <div id="topleft">
            <!--<img src="img/doge.png" alt="logo">-->
        </div>
        <div id="topmid">
            <input type="text" id="searchinput" placeholder="搜索" style="border:none;">
        </div>
        <div id="topright">
            <div style="flex:1"></div>
            <a class="topicon tooltip" href=""  >
                <svg t="1605864400644" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2801" width="200" height="200"><path d="M273.9 842a60 60 0 1 0 120 0 60 60 0 1 0-120 0zM733.9 842a60 60 0 1 0 120 0 60 60 0 1 0-120 0zM807.4 732H321.2c-17.8 0-34.8-6.7-47.8-18.8s-20.8-28.6-22.1-46.4L215.9 152h-72c-16.6 0-30-13.4-30-30s13.4-30 30-30h100c15.8 0 28.8 12.2 29.9 27.9l7.7 112.1H840c19.6 0 38.5 8.3 51.7 22.8 13.2 14.5 19.8 34 18 53.5l-32.7 360c-1.6 17.4-9.6 33.5-22.5 45.4-12.9 11.8-29.6 18.3-47.1 18.3zM285.7 292l25.6 370.7c0.1 1.8 0.8 4.4 3.2 6.6 2.4 2.2 5 2.7 6.8 2.7h486.1c1.8 0 4.4-0.5 6.7-2.6 2.4-2.2 3.1-4.7 3.2-6.5l32.7-360c0.1-1.6 0-4.8-2.6-7.6s-5.7-3.3-7.4-3.3H285.7z" p-id="2802" fill="#ffffff"></path></svg>
                <span class="tooltiptext">我的购物车</span>
            </a>
            <a class="topicon tooltip" >
                <svg t="1605864452023" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1200" width="200" height="200"><path d="M845 178.5H177.6c-22.4 0-40.5 17.6-40.5 39.4V454.2c0 4.6 1 8.9 2.5 12.9 6.8 34.8 27.8 64.3 56.7 83.2v278c0 21.7 17.6 39.4 39.4 39.4h551.4c21.7 0 39.4-17.6 39.4-39.4v-278c28.8-18.9 49.9-48.4 56.7-83.2 1.5-4.1 2.4-8.4 2.4-12.9V217.8c-0.1-21.8-18.2-39.3-40.6-39.3z m-77.7 630.1h-512V571.1c4.4 0.4 8.8 1.2 13.3 1.2 54.2 0 100.8-32.5 120.9-78.8h0.9c20.1 46.3 66.6 78.8 120.9 78.8 54.2 0 100.8-32.5 120.9-78.8h0.9c20.1 46.3 66.6 78.8 120.9 78.8 4.5 0 8.9-0.7 13.3-1.2v237.5z m59.1-421.7V450l-0.5 1.3-0.9 4.5c-6.4 33.2-36.3 57.4-71.1 57.4-29.1 0-55.3-17-66.7-43.2l-15.4-35.6h-77.6L578 470c-11.4 26.2-37.5 43.2-66.7 43.2-29.2 0-55.4-17-66.7-43.2l-15.4-35.6h-77.6L335.4 470c-11.4 26.2-37.6 43.2-66.7 43.2-34.7 0-64.6-24.1-71.1-57.4l-0.8-4.5-0.5-1.3V237.5h630.2v149.4z" fill="#ffffff" p-id="1201"></path></svg>
                <span class="tooltiptext">商家端</span>
            </a>
            <a href="login.html" class="topicon tooltip" >
                <svg t="1605611214598" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15371" width="200" height="200"><path d="M923.3 754.7c-22.4-50-54.4-94.8-95.2-133.2-40.6-38.3-87.8-68.3-140.4-89.3-11-4.4-22.1-8.3-33.4-11.8 12.7-8.7 24.6-18.6 35.7-29.7 47.1-47.1 73-109.6 73-176.2 0-66.5-25.9-129.1-73-176.2-47.1-47.1-109.6-73-176.2-73s-129.1 25.9-176.2 73c-47.1 47.1-73 109.6-73 176.2 0 66.5 25.9 129.1 73 176.2 10.8 10.8 22.3 20.4 34.6 28.9-12.1 3.7-24.1 7.9-36 12.6-52.6 21-99.8 51-140.4 89.3-40.8 38.4-72.8 83.2-95.2 133.2-23.3 51.9-35.1 107-35.1 163.9 0 22.1 17.9 40 40 40s40-17.9 40-40c0-186.9 162.4-339 361.9-339h8.9c199.6 0 361.9 152.1 361.9 339 0 22.1 17.9 40 40 40s40-17.9 40-40c0.2-56.8-11.6-112-34.9-163.9zM513.9 145.4c93.3 0 169.1 75.9 169.1 169.1s-75.9 169.1-169.1 169.1-169.1-75.9-169.1-169.1 75.8-169.1 169.1-169.1z" p-id="15372" fill="#ffffff"></path></svg>
                <span class="tooltiptext">我的账户</span>
            </a>
        </div>
    </div>
        <div style="height: 70px;"></div>
        <div class="up">

            <div class="left">
                <img id="" src="https://tse1-mm.cn.bing.net/th/id/OIP.Lt9t7Z4yOcCEioDEiEpgNQAAAA?pid=Api&rs=1" alt="">&nbsp;<br>
            </div>
            
            <div class="right">
                <div id="change">
                    <p >2333333333333333333</p>
                    <div id="price">
                        <div style="float: left;padding-top:8px ;padding-right:10px;padding-left: 10px;font-family: simsun;color: #999;font-size: 14px;">价&nbsp;&nbsp;格&nbsp;</div>
                        <div id="price2">￥5555555</div>
                    </div>
                    <br>
                    
                    <a  id="0">
                        <img  width="40" height="40" ><i>A型</i>
                    </a>
                    
                    
                    
                </div>
                <div style="clear: both;color: #444;" id="count" >
                    <div style="display: inline-block;">
                        数量：
                    </div><input id="btn" style="display: inline-block;"  value="1" type="number" min="1" oninput="this.value=this.value.replace(/\D/g);">
                    <div style="display: inline-block;">
                        共计：
                    </div><div style="display: inline-block;" id="pri">￥2333333</div>
                </div>
                <div id="add" >加入购物车</div>
            </div>
        </div>
        <div id="down" style="position: absolute;">
            <div id="detail">
                Doge源于一个名叫Homestar Runner的网上动画系列，在这个动画中，狗被称为“doge”，从此doge成了新一代的流行词与表情包。
                2013年doge意外地在Reddit（美国最大的网络社区）和Tumblr（轻博客）上重新走红，最终出现在“柴犬的自白”（Shiba Confessions）博客中，也就是这只配有内心独白的柴犬。“柴犬笑话”(被称为Doge Meme)通过Facebook、Tumblr等社交网络工具开始大规模流行，在欧美各大搜索引擎的搜索率呈爆发式增长。   
            </div>
            <div id="readme"><img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1459917535,3678300248&fm=26&gp=0.jpg" alt="doge"><img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=409091787,2851266071&fm=26&gp=0.jpg" alt=""></div>
        </div>
        <div id="index">
            <a class="topicon tooltip" href=""  id="shoppingcar">
                <svg t="1605864400644" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2801" width="200" height="200"><path d="M273.9 842a60 60 0 1 0 120 0 60 60 0 1 0-120 0zM733.9 842a60 60 0 1 0 120 0 60 60 0 1 0-120 0zM807.4 732H321.2c-17.8 0-34.8-6.7-47.8-18.8s-20.8-28.6-22.1-46.4L215.9 152h-72c-16.6 0-30-13.4-30-30s13.4-30 30-30h100c15.8 0 28.8 12.2 29.9 27.9l7.7 112.1H840c19.6 0 38.5 8.3 51.7 22.8 13.2 14.5 19.8 34 18 53.5l-32.7 360c-1.6 17.4-9.6 33.5-22.5 45.4-12.9 11.8-29.6 18.3-47.1 18.3zM285.7 292l25.6 370.7c0.1 1.8 0.8 4.4 3.2 6.6 2.4 2.2 5 2.7 6.8 2.7h486.1c1.8 0 4.4-0.5 6.7-2.6 2.4-2.2 3.1-4.7 3.2-6.5l32.7-360c0.1-1.6 0-4.8-2.6-7.6s-5.7-3.3-7.4-3.3H285.7z" p-id="2802" fill="#ffffff"></path></svg>
            </a>
            <a class="topicon tooltip" id="sale">
                <svg t="1605864452023" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1200" width="200" height="200"><path d="M845 178.5H177.6c-22.4 0-40.5 17.6-40.5 39.4V454.2c0 4.6 1 8.9 2.5 12.9 6.8 34.8 27.8 64.3 56.7 83.2v278c0 21.7 17.6 39.4 39.4 39.4h551.4c21.7 0 39.4-17.6 39.4-39.4v-278c28.8-18.9 49.9-48.4 56.7-83.2 1.5-4.1 2.4-8.4 2.4-12.9V217.8c-0.1-21.8-18.2-39.3-40.6-39.3z m-77.7 630.1h-512V571.1c4.4 0.4 8.8 1.2 13.3 1.2 54.2 0 100.8-32.5 120.9-78.8h0.9c20.1 46.3 66.6 78.8 120.9 78.8 54.2 0 100.8-32.5 120.9-78.8h0.9c20.1 46.3 66.6 78.8 120.9 78.8 4.5 0 8.9-0.7 13.3-1.2v237.5z m59.1-421.7V450l-0.5 1.3-0.9 4.5c-6.4 33.2-36.3 57.4-71.1 57.4-29.1 0-55.3-17-66.7-43.2l-15.4-35.6h-77.6L578 470c-11.4 26.2-37.5 43.2-66.7 43.2-29.2 0-55.4-17-66.7-43.2l-15.4-35.6h-77.6L335.4 470c-11.4 26.2-37.6 43.2-66.7 43.2-34.7 0-64.6-24.1-71.1-57.4l-0.8-4.5-0.5-1.3V237.5h630.2v149.4z" fill="#ffffff" p-id="1201"></path></svg>
                <span class="tooltiptext">商家端</span>
            </a>
            <a href="#" class="topicon tooltip" id="account" onclick=jumptologinorhome()>
                <svg t="1605611214598" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15371" width="200" height="200"><path d="M923.3 754.7c-22.4-50-54.4-94.8-95.2-133.2-40.6-38.3-87.8-68.3-140.4-89.3-11-4.4-22.1-8.3-33.4-11.8 12.7-8.7 24.6-18.6 35.7-29.7 47.1-47.1 73-109.6 73-176.2 0-66.5-25.9-129.1-73-176.2-47.1-47.1-109.6-73-176.2-73s-129.1 25.9-176.2 73c-47.1 47.1-73 109.6-73 176.2 0 66.5 25.9 129.1 73 176.2 10.8 10.8 22.3 20.4 34.6 28.9-12.1 3.7-24.1 7.9-36 12.6-52.6 21-99.8 51-140.4 89.3-40.8 38.4-72.8 83.2-95.2 133.2-23.3 51.9-35.1 107-35.1 163.9 0 22.1 17.9 40 40 40s40-17.9 40-40c0-186.9 162.4-339 361.9-339h8.9c199.6 0 361.9 152.1 361.9 339 0 22.1 17.9 40 40 40s40-17.9 40-40c0.2-56.8-11.6-112-34.9-163.9zM513.9 145.4c93.3 0 169.1 75.9 169.1 169.1s-75.9 169.1-169.1 169.1-169.1-75.9-169.1-169.1 75.8-169.1 169.1-169.1z" p-id="15372" fill="#ffffff"></path></svg>
            </a>
        </div>
        <p id="bottom"></p>
        <script>
        
            $("#bottom").append("<script src=\".\/js\/goods.js\"><\/script>")
           

        </script>
</body>
</html>